<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>仿京东登录页面</title>
<link rel="stylesheet" type="text/css" href="jd.css"/>
</head>
	<body>
		<header>
			<div class="logo">
				<img src="logo08.png"/>
			</div>
			<b>欢迎登录</b>
		</header>
		<article class="article">
			<div class="warp">
				<div class="logo-form">
					<div class="logo-tab">
						<h2 class="h2">京东会员</h2>
					</div>
					<a href="#"><span class="span">立即注册</span></a>
					<form action="#" method="post">
						<div class="form">
							<table class="table1"></table><input type="text" class="input1" placeholder="邮箱/用户名/以及验证手机" />
						</div>
						<div>
							<table class="table2"></table><input type="password" class="input2" />
						</div>
						<div class="char">
							<input type="checkbox" class="box" /><span>自动登录</span>
							<span class="span1"><a href="#" class="a">忘记密码？</a></span>
						</div>
						<div class="div-box">
							<a href="#" class="new">登录</a>
						</div>
					</form>
				</div>
			</div>
		</article>
		<footer>
			<div id="id">
				<div>
					<ul>
						<li>
							<a href="#">关于我们</a><i>|</i></li>
						<li>
							<a href="#">联系我们</a><i>|</i></li>
						<li>
							<a href="#">人才招聘</a><i>|</i></li>
						<li>
							<a href="#">商家入驻</a><i>|</i></li>
						<li>
							<a href="#">广告服务</a><i>|</i></li>
						<li>
							<a href="#">手机京东</a><i>|</i></li>
						<li>
							<a href="#">友情链接</a><i>|</i></li>
						<li>
							<a href="#">销售联盟</a><i>|</i></li>
						<li>
							<a href="#">京东社区</a><i>|</i></li>
						<li>
							<a href="#">京东公益</a><i>|</i></li>
						<li>
							<a href="#">English Site</a>
						</li>
					</ul>
				</div>
				<div class="copyright">
					Copyright&copy;2004-2017 京东JD.com 版权所有
				</div>
			</div>
		</footer>
	</body>

</html>
